<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width">
    <title> Comments, selector example </title>
    <link rel="stylesheet" href="../../Treant.css">
    <link rel="stylesheet" href="example8.css">

</head>
<body>

    <div class="comments">
        <ul>
            <li>
                <div id="first-post" class="comment">
                    <img alt="Avatar" src="avatar.jpg">
                    <p>
                        <span class="user">John Smitt</span> &mdash; 
                        <span class="line-truncate">
                            <em>Treant.js</em> is an library that handles drawing and visualisation of tree structural charts. What does that mean?
                        </span>
                    </p>
                </div>
                <ul>
                    <li>
                        <div id="first-reply" class="comment">
                            <img alt="Avatar" src="avatar.jpg">
                            <p>
                                <span class="user"> Peter Griffin </span> &mdash; 
                                <span class="line-truncate">
                                    Great collection! A lot of good inspiration. Thanks!
                                </span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <div id="second-reply" class="comment">
                            <img alt="Avatar" src="avatar.jpg">
                            <p>
                                <span class="user">Jane Black</span> &mdash; 
                                <span class="line-truncate">
                                    Thanks for tutorial. One issue I have is that all tutorials is on dev environment. What about production? what differences between …
                                </span>
                            </p>
                        </div>
                        <ul>
                            <li>
                                <div id="second-reply-reply" class="comment">
                                    <img alt="Avatar" src="avatar.jpg">
                                    <p>
                                        <span class="user"> Joe Linux </span> &mdash; 
                                        <span class="line-truncate">
                                            Looks very promising. I'll have to take a closer look some time.
                                        </span>
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </div>

    <div class="chart" id="OrganiseChart8"></div>
    
    <script src="../../vendor/raphael.js"></script>
    <script src="../../Treant.js"></script>

    
    <script src="example8.js"></script>
    <script>
        new Treant( tree_structure );
    </script>
</body>
</html>